iT邦幫忙

2024 iThome 鐵人賽

DAY 21
0
自我挑戰組

JS漫遊記系列 第 21

JS漫遊記-21-物件舉例

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20240902/20166952X5YVNFy4NG.jpg

今天又崩潰了一波QQ
話不多說~開始吧:)

嗨嗨~今天要來繼續來提供一下物件的舉例,我們先來看看題目~
我們就來看一下題目吧!

題目:
你是一名網頁開發者,負責建立一個顯示用戶資料的小應用。你的任務是創建一個 JavaScript 物件來存儲用戶的基本信息,並且能夠顯示這些信息。

請創建一個名為 user 的物件,包含以下屬性:

name:用戶的名字(例如,"Joyce")
age:用戶的年齡(例如,18)
email:用戶的電子郵件地址(例如,"Joyce@example.com")


// 創建 user 物件
let user = {
    name: 'Joyce',
    age: 18,
    email: 'Joyce@example.com',
    
    // 增加 displayInfo 方法
    displayInfo: function() {
        console.log('Name: ' + this.name);
        console.log('Age: ' + this.age);
        console.log('Email: ' + this.email);
    }
};

// 使用user.displayInfo()的方法,去顯示出來,說明如下!

補充說明:displayInfo方法

    displayInfo: function() 
    {
        console.log('Name: ' + this.name);
        console.log('Age: ' + this.age);
        console.log('Email: ' + this.email);
    }

印出以下程式碼~
Name: Alice
Age: 25
Email: alice@example.com

displayInfo: function() {...}:這行代碼定義了一個方法 displayInfo,它是 user 物件的一個屬性。當這個方法被調用時,它會執行大括號內的代碼。

this關鍵字:this 參考的是 user 物件本身,因此 this.name、this.age 和 this.email 分別指向 user 物件的 name、age 和 email 屬性。

我是超級新手,若有任何建議或是錯誤的部分,歡迎底下留言唷thanks
我們下篇文章見掰掰~

對自己多用點心,日益努力,而後風生水起。盡情玩耍,盡情學習,盡情熱愛,盡情討厭,在需要的時候釋放善意,在必要的時候展現強硬,把這不得不過完的一生,變成值得慶賀的一生。

參考來源
https://www.casper.tw/javascript/2017/12/12/javascript-this/


上一篇
JS漫遊記-20-物件
下一篇
JS漫遊記-22-陣列
系列文
JS漫遊記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言